
/*

<!-- 需求D： 获取用户基本信息 -->
<!-- d.1  token值 接口文档中 要求的 Authorization 的值  -->
<!-- token  就是身份 的认证  通过token 我们可以知道用户是否登录过  -->
<!-- token 怎么获取的？ 只要登录  登录成功之后 后端会返回这个token 值  -->
<!-- d.2   token 是在 login.html 里面获取到的 怎么在 index里面使用了 -->
<!-- d.2.1 本地存储  可以实现多个页面共享  -->
*/ 

// d.3 页面加载就开始获取用户信息 
getUserInfo()
function getUserInfo() {
  $.ajax({
    url:"/my/userinfo",
    // d.4 获取用户信息要求的时候请求头中携带参数  
    // d.4.1 为什么写到 headers 里面 ？ 因为接口文档中要求写到headers
    // d.4.2  headers  在jq 中相当于 固定写法 
    // headers:{
    //   //  Authorization  是接口文档中要求的数据 
    //   //  值  要求的是一个token 值  ==》 在登录成功之后 存到本地存储 
    //   // d.4.3 注意 这里需要 在登录login.js 里面 把 token 存储到本地存储 
    //   Authorization:  localStorage.getItem('token') ||  ''
    // },
    success: res =>{
      console.log(res)
      // e2 在这里调用 renderAvatar()  渲染html 

      if(res.status != 0 )  {
       return  layer.msg('获取信息失败')
      }
      renderAvatar(res.data)
    },
    // complete: function(res){
    //   // 只要发送请求 无论响应成功还是失败 最终都会执行这个里面的代码 
    //   console.log(res)
    //   //  后端接口文档中 会告诉我们的 如果状态码是 1 并且 返回的错误消息是 身份认证失败！  就表明 未登录 

    //   // res.responseJSON    complete 里面 返回的数据字段和 success 里面不太一样 

    //   if(res.responseJSON.status == 1  &&  res.responseJSON.message == '身份认证失败！') {
    //     // 身份认证失败！  这个需要从返回的里面 来复制 
    //     console.log(`进入这个判断说明没token 或者token 过期`)

    //     localStorage.removeItem('token')

    //     location.href="/login.html"
    //   }
    // }
  })
}
// 需求E: 渲染用户的头像     返回的有  user_pic  渲染图片 否则 渲染文字图像 
// e1: 在 获取到用户信息的时候 调用 renderAvatar   做html 的渲染 
function  renderAvatar(userinfo){
    // e3.1 文字头像  首先考虑 nickname的首字母  其次在考虑username
  let {nickname, username}  = userinfo



  if(userinfo.user_pic) {
    // e4 进入这个判断说明 用户上传的有头像  渲染img
    let {user_pic} =  userinfo
    $('.userinfo  img').attr('src',  user_pic)
    // 让文字头像隐藏 
    $('.text-avatar').hide()
  } else {
    //  e3 没有头像 渲染的是文字头像 

    // e3.2  定义一个首字母的变量 
    // e3.3  || 要求有一个为真返回第一个真
    let first = nickname && nickname[0] ||  username&& username[0]
    console.log(first)
    $('.text-avatar').html(first.toUpperCase())

    // 让图片头像隐藏
    $('.userinfo  img').hide()

  }

  // 渲染文字欢迎
  $('#welcome').html(`欢迎  ${ nickname ||username  } `)

}


//  xfa    ====> xfaxfa  有头像  
//  xfaxfa8    ====> xfaxfa8   没有头像


// F  实现退出功能
// F.1  注意  需要先给退出加个 id   
$('#btnLogout').click(function(){
 
  layer.confirm('确定退出登录?', {icon: 3, title:'提示'}, function(index){
    //do something
    console.log('点击确定进入这个函数里面')
    // F.2 跳转到注册页面 并且清空本地存储
    localStorage.removeItem('token')

    location.href="/login.html"
    //  官方文档自带的  他的作用就是 每次关闭弹出层   移除
    layer.close(index);
  });

})